<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
         <link type = "text/css" rel = "stylesheet" href = "css/header.css">
         <link type = "text/css" rel = "stylesheet" href = "css/login.css">
         <link type = "text/css" rel = "stylesheet" href = "css/retireve_password.css">
         <link type = "text/css" rel = "stylesheet" href = "css/reset.css">
         <script type="text/javascript" src="js/jquery-1.12.3.min.js"></script>
         <script type="text/javascript" src="js/retrieve_password.js"></script>
<title>找回密码</title>
</head>
<body>
 
     <!-- 页面首条 -->
    <header class="header">
	    <nav class="w_main navigation_box">
		   <div class="channel_box">
			  <a rel="nofollow" href="">首页</a>
			  <a rel = "nofollow" href = "">个人中心</a>
			  | 
              <a rel="nofollow" href="" class="selected">登录</a>
		   </div>
	    </nav>
     </header> 
     <!--找回密码标题栏 -->
     <header class="w_main">
			<div class="logo_box clearfix">
				<a href="index.jsp" class="logo left">
				   <img src="images/logo.png" alt="兼职之家logo">
				</a>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<div class="title_wrap left">找回密码</div>
			</div>
	</header>
	
	
	<div class="w_main content_box">
			<article class="main_wrap clearfix">
				<div class="retrieve_box" id="retrieve_box">
					<div style="color: #5F5F5F; padding-bottom: 20px;">Hi，请使用注册的邮箱找回密码</div>
					<div class="head">
						<span>找回密码</span>
					</div>
					<div class="cont">
						<div class="row">
							<div class="user_type_tabs" id="user_type_tabs">
								<label> 
								   <input type="radio" name="user_type" checked="checked" value="personal"> 
								        求职者
								</label> 
								<label> 
								    <input type="radio" name="user_type" value="merchant">
								       企业或机构
								</label>
							</div>
						</div>
						<div class="box">
							<div class="row">
								<span class="txt_left">手机号码:</span>
								<div>
									<label class="ipt_outer">
									    <input type="text" class="phone_number" id="phone" placeholder="请输入手机账号">
									</label>
								</div>
						</div>
						<div class="box">
							<div class="row">
								<span class="txt_left">邮箱账号:</span>
								<div>
									<label class="ipt_outer">
									    <input type="text" class="phone_number"name="email" id="email_account" onblur="validateEmail()" placeholder="请输入邮箱账号">
									</label>
								</div>
							</div>
							<div class="row">
								<span class="txt_left">图形验证码:</span>
								<div>
									<label class="validate_code_wrap ipt_outer">
									    <input type="text" placeholder="点此查看验证码" class="validate_code" id="validate_code" onclick = "createCode()">
									    <span class="validate_code_img" style = "background-image: url(images/code.png);" id="validate_code_img" onclick = "createCode()"></span>
									</label>
			                            
								</div>
							</div>
							<div class="row">
								<span class="txt_left">邮箱验证码:</span>
								<div>
									<label class="identify_code_wrap ipt_outer">
									    <input type="text" placeholder="输入验证码" class="identify_code" id="identify_code" onblur="validateAuth()">
									    <a class="identify_code_btn disabled" id="identify_code_btn_waiting"></a>
									    <a class="identify_code_btn" id="identify_code_btn" onclick="getAuth();"">获取验证码</a>
									</label>
								</div>
							</div>
							<div class="row">
								<div class="submit_btn disabled" id="submit_btn_disabled">下一步</div>
								<div class="submit_btn" id="submit_btn" onclick = "submit_btn_check()">下一步</div>
							</div>
						</div>
					</div>
				</div>
			</article>
		</div>
	
</body>
</html>